<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link href="css/reset.css" rel="stylesheet">
    <link href="css/page8.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <title>
        单词本
    </title>
</head>
<body>

<!-- 总容器 -->
<div class="wrapper">
    <!-- 头部 -->
    <header>
        <div class="header-left" onclick="location.href='page1.html'">
            <p>&lt;</p>
        </div>
        <div class="header-text">
            <p>英汉&nbsp;</p><i class="fa fa-caret-down"></i>&nbsp;&nbsp;
            <div style="height: 8vw;width: 0.2vw;background-color: #BBB"></div>
            <p>&nbsp;请输入要查询的单词</p>
        </div>
    </header>
    <div class="text">
        <div class="text-left">
            <h4>我的单词本</h4>
            <p>收藏的单词会自动加入默认单词本</p>
        </div>
        <div class="text-right">
           <img src="img/page8-img1.jpg">
        </div>
    </div>

    <ul class="word-book">
        <li>
            <p>+</p>
            <p>新建单词本</p>
        </li>
        <li>
            <img src="img/page8-img2.jpg">
        </li>
    </ul>
</div>
</body>
</html>